<script>

import NavMenu from "../components/nav/NavMenu.vue";
import PageHeader from "../components/head/PageHeader.vue";

export default {
    name: 'Index',
    data() {
        return {
            selectMenu: [],
        }
    },
    components:{
        NavMenu,
        PageHeader
    },
    methods: {
        changeSelect(list) {
            this.selectMenu=list
        }
    }
}
</script>

<template>
    <div class="flex row" style="width: 100%;height: 100vh">
        <NavMenu @changeSelect="changeSelect"/>
        <div class="main flex column">
            <PageHeader :content="selectMenu" />
            <router-view/>
        </div>
    </div>
</template>

<style scoped>
.main {
    width: calc(100% - 250px);
    height: calc(100vh - 90px);
}
</style>
